import React, { useEffect, useState } from 'react'

export default function CountCom() {
  //声明状态
  let [count, setCount] = useState(0);

  //useEffect
  useEffect(() => {
    //启动定时器
    setInterval(() => {
      //更新状态
      // setCount(count + 1);//这种方式不能实现目标, 因为这里产生了闭包, count 变量值一直为 0
      setCount(v => v + 1);//这种方式可以实现, 没有产生闭包, 始终接收最新的状态值, 并在基础上自增
    }, 1000);
  }, []);

  return (
    <div style={{padding: 20, display: 'inline-block', border: 'solid 1px #c90'}}>
      {count}
    </div>
  )
}
